@charset "utf-8";
/* 全兼容可高亮二级缓冲折叠菜单*/
/* 作者：冰极峰 biny*/
/* 博客：冰极峰博客:http://www.cnblogs.com/binyong/*/
/* Email:szbiny@163.com*/
/* 日期：2010-05-27*/

/* CSS Document */
/*通用设置*/
* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    text-align: center;
}

a:link, a:visited {
    text-decoration: none;
}

/*菜单个性设置*/
.box {
    width: 204px;
    height: 100%;
    margin: 0 auto;
    height: 100%;
    background: url(../images/menuboxbg.gif) repeat-y left top;
}

.box ul {
    list-style: none;
    text-align: left;
}

.box h2 {
    width: 204px;
    margin: 0 auto;
    height: 33px;
    background: #FFF url(../images/menuhead.gif) no-repeat left top;
    text-indent: -9999px;
}

/*一级菜单*/
.menu li.level1 a {
    display: block;
    line-height: 31px;
    height: 31px;
    padding-left: 50px;
    font-size: 12px;
    color: #fff;
    background: url(../images/menubg.gif) no-repeat left top;
}

/*一级菜单两态样式,供JS调用*/
.menu li.level1 a.hove {
    background-position: left -31px;
}

.menu li.level1 a.cur {
    background-position: left -62px;
}

.level2 li.level3 a.hove2 {
    background-position: left -31px;
}

.level2 li.level3 a.cur2 {
    background-position: left -62px;
}

/*二级菜单*/
.menu li ul {
    padding-left: 10px;
    overflow: hidden;
}

.menu li ul.level2 {
    width: 180px;
    display: none;
}

.menu li ul.level2 li {
    height: 26px;
    line-height: 26px;
}

.menu li ul.level2 li a {
    display: block;
    height: 26px;
    line-height: 26px;
    background: #E7E3E7 url(../images/t1.gif) no-repeat 30px center;
    padding-left: 50px;
    color: #42556B;
    border-top: 1px #B8C2CB solid;
    overflow: hidden;
}

/*二级菜单两态样式,供JS调用*/
.menu li ul.level2 li a.hove1 {
    background: #F6F6F6 url(../images/t2.gif) no-repeat 30px center;
}

/*三级菜单*/
.level2 li ul {
    padding-left: 10px;
    overflow: hidden;
}

.level2 li ul.level4 {
    width: 180px;
    display: none;
}

.level2 li ul.level4 li {
    height: 26px;
    line-height: 26px;
}

.level2 li ul.level4 li a {
    display: block;
    height: 26px;
    line-height: 26px;
    background: #E7E3E7 url(../images/t1.gif) no-repeat 30px center;
    padding-left: 50px;
    color: #42556B;
    border-top: 1px #B8C2CB solid;
    overflow: hidden;
}

/*三级菜单两态样式,供JS调用*/
.level2 li ul.level4 li a.hove3 {
    background: #F6F6F6 url(../images/t2.gif) no-repeat 30px center;
}
